//Colors
$gray-base:              #5e696d;
$gray-dark:              #364347;
$gray:                   #93a4aa;
$gray-light:             #b2c6cd;
$gray-lighter:           #d6e1e5;

$light:                  #f4f4f4;
$white:                  #ffffff;

$brand:                  #9e0001;
$brand-yellow:           #f59744;
$brand-blue:             #145383;
$brand-green:            #009900;

$body-bg:                #fff;
$module-padding:         20px;
$module-margin:          $module-padding;
$success-color:          #04be02;
$text-color:             $gray-dark;
$link-color:             $gray-base;
$link-hover-color:       $brand;

//Typography
$font-family-sans-serif:  "Tahoma","Helvetica Neue","Lantinghei SC",Arial,"Microsoft Yahei","Hiragino Sans GB",STXihei,Helvetica,sans-serif;
$font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
$font-family-num:         Impact;
$font-family-more:        "Hiragino Sans GB","SimSun";
$font-family-base:        $font-family-sans-serif;

$font-size-base:          14px;
$font-size-large:         ceil(($font-size-base * 1.1));// ~16px;
$font-size-small:         ceil(($font-size-base * 0.85));// ~12px

$font-size-h1:            floor(($font-size-base * 2.6)); // ~36px
$font-size-h2:            floor(($font-size-base * 2.15)); // ~30px
$font-size-h3:            ceil(($font-size-base * 1.7)); // ~24px
$font-size-h4:            ceil(($font-size-base * 1.25)); // ~18px
$font-size-h5:            $font-size-base;
$font-size-h6:            ceil(($font-size-base * 0.85)); // ~12px

$line-height-base:        1.428571429; // 20/14
$line-height-large:       28px;
$line-height-computed:    floor(($font-size-base * $line-height-base)); // ~20px

//z-index
$nav-mobile-zindex:       1000;

//Icon
$icon-font-path:          "../../fonts/";
$icon-font-name:          "iconfont";
$icon-font-svg-id:        $icon-font-name;

//Components
$padding-base-vertical:     6px;
$padding-base-horizontal:   12px;

$padding-large-vertical:    10px;
$padding-large-horizontal:  15px;

$padding-small-vertical:    5px;
$padding-small-horizontal:  10px;

$border-radius-base:        4px;
$border-radius-large:       6px;
$border-radius-small:       3px;

$component-active-color:    #fff;

$body-width:                1000px;
$index-section-width:       680px;
$index-aside-width:         320px;

//Buttons